<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>矿山业务管理</title>
  <meta name="keyword" content=""/>
  <meta name="description" content=""/>
  <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./fonts/iconfont.css">
  <link rel="stylesheet" href="./css/style.css">
</head>
<body>
<div class="header">
  <a class="logo" href="javascript:;">
    <img src="./img/logo.png" alt="">
    <span>矿山业务管理器</span>
  </a>
  <div class="message">
    <span class="time">2021-05-27 8:00</span>
    <div class="tools">
      <a href="javascript:;">
        <span class="iconfont icon-xiaoxi"></span>
      </a>
      <a href="javascript:;">
        <span class="iconfont icon-full-screen"></span>
      </a>
    </div>
    <dl>
      <dt>
        <span class="iconfont icon-touxiang"></span>
        <em>Hello，王强</em>
      </dt>
    </dl>
  </div>
</div>
<div class="container">
  <div class="aside">
    <div class="menu">
      <ul class="menu-sub">
        <li>
          <a href="index.html">
            <i class="iconfont icon-xingzhuang"></i>
            <span>首页</span>
          </a>
        </li>
        <li>
          <a href="#">
            <i class="iconfont icon-fuwu"></i>
            <span>轻量化服务</span>
          </a>
        </li>
        <li>
          <a href="sevice.html">
            <i class="iconfont icon-liebiao1"></i>
            <span>服务列表</span>
          </a>
        </li>
        <li>
          <a href="code.html">
            <i class="iconfont icon-bianmaguize"></i>
            <span>编码管理</span>
          </a>
        </li>
        <li class="active">
          <a href="metadata.html">
            <i class="iconfont icon-xiangmuyuchengyuan"></i>
            <span>元数据管理</span>
          </a>
          <ul>
            <li>
              <a href="logic.html">
                <span>服务管理</span>
              </a>
            </li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
  <div class="main">
    <div class="main-title">
      <a class="stretch" href="javascript:;">
        <i class="iconfont icon-shouqi-copy"></i>
      </a>
      <div class="main-tabs">
        <div class="main-tab">
          <a href="dialog-1.html">首页</a>
          <i class="iconfont icon-iconfontzhizuobiaozhun023135"></i>
        </div>
        <div class="main-tab active">
          <a href="dialog-2.html">元数据模型管理</a>
          <i class="iconfont icon-iconfontzhizuobiaozhun023135"></i>
        </div>
        <div class="main-tab">
          <a href="dialog-3.html">元数据管理</a>
          <i class="iconfont icon-iconfontzhizuobiaozhun023135"></i>
        </div>
      </div>
    </div>
    <div class="main-content">
      <div class="card">
        <div class="card-title">
          <span class="card-title__name">元数据模型管理</span>
        </div>
        <div class="card-content flex">
          <div class="card-left">
            <div class="tree">tree</div>
            <div class="aside-tools">
              <div class="tools-group">
                <button type="button" class="btn active">
                  <span>导入EXCEL</span>
                </button>
                <button type="button" class="btn">
                  <span>导出EXCEL</span>
                </button>
                <button type="button" class="btn">
                  <span>修改节点</span>
                </button>
                <button type="button" class="btn">
                  <span>添加父节点</span>
                </button>
                <button type="button" class="btn">
                  <span>添加子节点</span>
                </button>
                <button type="button" class="btn">
                  <span>删除节点</span>
                </button>
              </div>
              <div class="tools-search">
                <input type="search" placeholder="关键词搜索名称">
              </div>
            </div>
          </div>
          <div class="card-right">
            <div class="card-tools">
              <div class="tools-left">
                <button type="button" class="btn">
                  <span>模板下载</span>
                </button>
                <button type="button" class="btn">
                  <span>新建</span>
                </button>
                <button type="button" class="btn btn-plain">
                  <span>修改</span>
                </button>
                <button type="button" class="btn btn-plain">
                  <span>删除</span>
                </button>
                <button type="button" class="btn btn-plain">
                  <span>保存</span>
                </button>
                <button type="button" class="btn btn-plain">
                  <span>刷新</span>
                </button>
                <button type="button" class="btn btn-plain">
                  <span>对象逻辑关系定义</span>
                </button>
              </div>
              <div class="tools-right">
                <div class="tools-search">
                  <input type="search" placeholder="关键词搜索名称">
                </div>
              </div>
            </div>
            <table>
              <tr>
                <th>属性</th>
                <th>值</th>
                <th>备注</th>
              </tr>
              <tr>
                <td>矿产类型</td>
                <td>井工矿</td>
                <td>全路径名称</td>
              </tr>
              <tr>
                <td>矿产类型</td>
                <td>井工矿</td>
                <td>全路径名称</td>
              </tr>
              <tr>
                <td>矿产类型</td>
                <td>井工矿</td>
                <td>全路径名称</td>
              </tr>
              <tr>
                <td>矿产类型</td>
                <td>井工矿</td>
                <td>全路径名称</td>
              </tr>
            </table>
            <div class="page">
              <div class="page-list">
                <a href="javascript:;" class="prev disabled">
                  <span class="iconfont icon-shouqi-copy"></span>
                </a>
                <a href="javascript:;">
                  <span>1</span>
                </a>
                <a href="javascript:;">
                  <span>2</span>
                </a>
                <a href="javascript:;">
                  <span>3</span>
                </a>
                <a href="javascript:;">
                  <span>4</span>
                </a>
                <em>···</em>
                <a href="javascript:;">
                  <span>50</span>
                </a>
                <a href="javascript:;" class="next">
                  <span class="iconfont icon-zuofanye-copy"></span>
                </a>
              </div>
              <div class="page-msg">
                <span>跳至</span>
                <input type="text">
                <span>页</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script src="./fonts/iconfont.js"></script>
</body>
</html>